.sui-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: @dialog-border-radius;
    z-index: @dialog-zIndex;
    width: 270px;
    background-color: white;
}
.sui-dialog-hd {
    text-align: center;
    padding: 1.2em 20px .5em;
    font-size: 16px;
}
.sui-dialog-bd {
    padding: 0 20px 20px;
    .sui-dialog-text {
        font-size: 14px;
        color: @dialog-color;
        line-height: 20px;
        text-align: left;
    }
    .sui-dialog-input {
        text-align: center;
        input {
            padding: 4px 6px;
            border-radius: 0;
            -webkit-appearance: none;
            background-color: transparent;
            border: 1PX @border-line-color solid;
            box-sizing: border-box;
            height: 2.2em;
            width: 100%;
            margin-top: 10px;
        }
    }
}
.sui-dialog-ft{
    display:flex;
    button {
        flex: 1;
        font-size: 16px;
        text-align: center;
        border-right: 1PX @border-line-color solid;
        width: 100%;
        line-height: 42px;
        background: transparent;
        display: block;
        color: @link-color;
        .nowrap();
        &:active {
            background-color: @list-active-color !important;
        }
        &:first-child{
            border-bottom-left-radius: @dialog-border-radius;
        }
        &:last-child{
            border-right: 0;
            border-bottom-right-radius:@dialog-border-radius;
        }
        &.sui-dialog-cancel {
            // TODO: 取消按钮的样式
        }
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2.0){
    .sui-dialog-ft button {
        border-right: 0;
        background-position: right top;
        background-image: @border-r;
        background-repeat: repeat-y;
        background-size: 1PX 100%;
        &:last-child {
            background: none;
        } 
    }
}
